<template>
  <view class="category-page-content">
    <eui-page-frame :topHeight="100" :withOutBorder="true" :bottomHeight="130">
      <template #top>
        <eui-navbar title="添加商品" color="#303133" backgroundColor="#FFFFFF" rightIcon=''></eui-navbar>
        <view class="top-view flex-row">
          <eui-search-bar
              ref="RdsSearchBar"
              v-model="searchText"
              placeholder="请输入商品名称或编码"
              radius="10"
              bgColor="#F2F3F5"
              :foucs="true"
              :filterButton="true"
              @confirm="searchConfirm"
          >
          </eui-search-bar>
          <view class="scan-code flex-1 flex-column-center" @click="scanCode">
            <image src="@/static/img/busiImgs/icon_sweep_commodity.png"></image>
            扫一扫
          </view>
        </view>
      </template>
      <eui-page-content>
        <view class="category-content flex-start-center">
          <!--  左侧分类  -->
          <view class="left">
            <scroll-view
                scroll-y="true"
                class="scroll-Y"
                id="left-scroll-Y"
                :enhanced="true"
                :bounces="false"
                :show-scrollbar="false"
                :scroll-with-animation="true"
                :scroll-top="scrollTop">
              <view
                  class="tag"
                  v-for="(item, index) in categoryList"
                  :key="index"
                  :id="'left-tab-item-' + index"
                  :class="{
                    currentchild: currentIndex == index,
                    activeitem: item.c_ccode == activeItem.c_ccode,
                    previtem: currentIndex !== 0 && currentIndex == index,
                    nextitem: currentIndex == index
                  }"
                  @click="checkCategory(index)"
              >
                <!-- 一级分类 -->
                <view :class="{ activeitem1: item.c_ccode == activeItem.c_ccode }">{{ item.c_name }}</view>
              </view>
            </scroll-view>
          </view>
          <!--  右侧商品  -->
          <view class="right">
            <scroll-view
                scroll-y="true"
                class="contantacroll"
                :enhanced="true"
                :bounces="false"
                :show-scrollbar="false"
                :scroll-with-animation="true"
                @scrolltolower='nextPage'
            >
              <view v-if="commodityList.length" class="contant">
                <template v-for="(item, index) in commodityList" :key="index">
                  <good-item
                      :good-item="item"
                  ></good-item>
                </template>
              </view>
              <view v-if="requestEnd && !commodityList.length" class="commodity-empty flex-column-center">
                <image src="@/static/img/busiImgs/img_default_indent_lucencybg.png"></image>
                暂无商品～
              </view>
            </scroll-view>
          </view>
        </view>
      </eui-page-content>

      <template #bottom>
        <goods-cart></goods-cart>
      </template>
    </eui-page-frame>
  </view>
</template>

<script setup lang="ts">
import {onLoad, onShow} from '@dcloudio/uni-app';
import { ref, onMounted, nextTick, watch } from 'vue';
import { storeToRefs } from 'pinia';
import { useThemeStore } from '@/store/themeStore';
import { useReceiptStore } from '@/store/useReceiptStore';
import { useCommonPage } from '../hooks/useCommonPage';

const { scanCode } = useCommonPage();

const themeStore = useThemeStore(); // 主题
const { theme } = storeToRefs(themeStore);
const themeColor = ref(theme._object.theme=='theme-blue'?'#02B7E6':'#FF6430')

import goodsCart from './../components/goodsCart.vue';
import goodItem from './../components/goodItem.vue';
import {useMainStore} from "@/store/modules/store";
const mainStore = useMainStore();
const { loginInfo } = mainStore;
import { getRdsUrl, rdsRequest } from "@/hooks/rdsServices";
const rdsUrl = getRdsUrl();

// 购物车相关
const receiptStore = useReceiptStore();
const { cartList } = storeToRefs(receiptStore);

// 监听购物车变化，同步商品数量
watch(cartList, (newCartList) => {
  // 遍历商品列表
  commodityList.value = commodityList.value.map(commodity => {
    // 查找购物车中对应的商品
    const cartItem = newCartList.find(item => item.c_gcode === commodity.c_gcode);
    // 如果在购物车中找到该商品，更新数量，否则设置为0
    return {
      ...commodity,
      c_qtty: cartItem ? cartItem.c_qtty : ''
    };
  });
  console.log('commodityList', commodityList.value)
}, { deep: true });

onLoad(async()=>{
  await getCategory();
})


/**
 * 获取分类
 */
const CategoryPageSize = ref(500);
const CategoryPageList = ref({
  CurrentPage: 1, //第几页
  RowsCount: 0, //总条数
  PageCount: 1, //总页数
})
const categoryList = ref([])

const getCategory = async () => {
  try {
    uni.showLoading({ title: "加载中...", mask: true });

    let request = {
      IsNotPage: false,
      PageSize: CategoryPageSize.value,
      Tag: '',
      StoreId: loginInfo.sUserStore,
      ...CategoryPageList.value
    }

    console.log('loginInfo', loginInfo);
    const result = await rdsRequest(rdsUrl.apiApi, '管易通60RMIS公共', 'GdsClassList', request);
    // const result = {
    //   "ReturnObject": [
    //     {
    //       "c_ccode": "010101",
    //       "c_name": "金银饰品",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010102",
    //       "c_name": "镶嵌饰品",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010103",
    //       "c_name": "宝石",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010104",
    //       "c_name": "其他珠宝类",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010105",
    //       "c_name": "艺术品",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010106",
    //       "c_name": "纪念品",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010107",
    //       "c_name": "配件饰品",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010201",
    //       "c_name": "进口表",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010202",
    //       "c_name": "国产表",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010203",
    //       "c_name": "时尚运动表",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010204",
    //       "c_name": "钟表",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010205",
    //       "c_name": "眼镜",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010301",
    //       "c_name": "护肤",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010302",
    //       "c_name": "彩妆",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010303",
    //       "c_name": "身体",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010304",
    //       "c_name": "香水",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010305",
    //       "c_name": "香薰",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010306",
    //       "c_name": "染护发",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010307",
    //       "c_name": "其它化妆品",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010308",
    //       "c_name": "洗化综合",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010401",
    //       "c_name": "女鞋",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010402",
    //       "c_name": "男鞋",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010403",
    //       "c_name": "其他鞋类",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010404",
    //       "c_name": "箱包皮件",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010501",
    //       "c_name": "男正装",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010502",
    //       "c_name": "休闲男装",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010503",
    //       "c_name": "商务男装",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010504",
    //       "c_name": "男大衣",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010505",
    //       "c_name": "男风衣",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010506",
    //       "c_name": "男皮革服装",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010507",
    //       "c_name": "男裘皮服装",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010508",
    //       "c_name": "男羽绒服装",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010509",
    //       "c_name": "男士服饰配件",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010510",
    //       "c_name": "男睡衣",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010601",
    //       "c_name": "仕女装",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010602",
    //       "c_name": "少、淑女装",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010603",
    //       "c_name": "女特色装",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010604",
    //       "c_name": "女士配饰",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010701",
    //       "c_name": "运动服饰",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010702",
    //       "c_name": "体育用品",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010703",
    //       "c_name": "运动装备",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010801",
    //       "c_name": "休闲服饰",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010802",
    //       "c_name": "牛仔系列",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010901",
    //       "c_name": "童装",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010902",
    //       "c_name": "童鞋",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010903",
    //       "c_name": "儿童玩具",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010904",
    //       "c_name": "童车童床",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010905",
    //       "c_name": "孕婴用品",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010906",
    //       "c_name": "儿童用品",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "010907",
    //       "c_name": "儿童娱乐",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011001",
    //       "c_name": "内衣",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011002",
    //       "c_name": "针织小品",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011003",
    //       "c_name": "睡衣",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011004",
    //       "c_name": "运动服饰",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011101",
    //       "c_name": "羊绒羊毛",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011102",
    //       "c_name": "羽绒",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011201",
    //       "c_name": "办公学习用品",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011202",
    //       "c_name": "书刊",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011203",
    //       "c_name": "照相器材",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011204",
    //       "c_name": "通讯器材",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011205",
    //       "c_name": "体育用品",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011206",
    //       "c_name": "交通工具",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011207",
    //       "c_name": "五金灯具",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011208",
    //       "c_name": "乐器",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011301",
    //       "c_name": "医疗品",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011302",
    //       "c_name": "保健类",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011401",
    //       "c_name": "床上用品",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011402",
    //       "c_name": "家居用品",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011403",
    //       "c_name": "不锈钢用品",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011404",
    //       "c_name": "瓷器玻璃制品",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011501",
    //       "c_name": "数码类",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011502",
    //       "c_name": "音像制品",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011503",
    //       "c_name": "通讯类",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011504",
    //       "c_name": "厨用电器",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011505",
    //       "c_name": "燃气灶/热水器",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011506",
    //       "c_name": "饮水机",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011507",
    //       "c_name": "清洁小电器",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011508",
    //       "c_name": "微型家电",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011509",
    //       "c_name": "生活家电",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011601",
    //       "c_name": "灯饰",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011602",
    //       "c_name": "小五金",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011701",
    //       "c_name": "国际精品化妆（中类）",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011702",
    //       "c_name": "国际精品女装（中类）",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011703",
    //       "c_name": "国际精品男装（中类）",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011704",
    //       "c_name": "国际精品皮具（中类）",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011705",
    //       "c_name": "国际精品珠宝饰品（中类）",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011706",
    //       "c_name": "国际精品钟表（中类）",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011801",
    //       "c_name": "土产杂品（中类）",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011901",
    //       "c_name": "汽车",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011902",
    //       "c_name": "摩托车",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011903",
    //       "c_name": "电动汽车",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011904",
    //       "c_name": "自行车",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "011905",
    //       "c_name": "儿童电动车",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "012001",
    //       "c_name": "香烟",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "012002",
    //       "c_name": "酒类",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "012101",
    //       "c_name": "模特类",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "012102",
    //       "c_name": "衣架",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "012103",
    //       "c_name": "购物袋",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "012104",
    //       "c_name": "常用消耗品",
    //       "c_type": "常规品类"
    //     },
    //     {
    //       "c_ccode": "012201",
    //       "c_name": "餐饮",
    //       "c_type": "常规品类"
    //     }
    //   ],
    //   "AggregateObject": null,
    //   "RowsCount": 480,
    //   "PageCount": 5,
    //   "CurrentPage": 1,
    //   "PageSize": 100,
    //   "ErrorString": null
    // };
    uni.hideLoading();
    categoryList.value = result?.ReturnObject;
    if (categoryList.value?.length) {
      checkCategory(0);
      calcHeight();
    }
  } catch (e) {
    console.log(e)
  }
}


const scrollTop = ref(0);
const scoyheight = ref(0);
const tabQueryInfo = ref([]);

const calcHeight = () => {
  nextTick(() => {
    let query = uni.createSelectorQuery().in(this);
    query.select(`#left-scroll-Y`).fields({
      size: true,
      rect: true,
    });
    query.exec(
        function (res) {
          scoyheight.value = res[0].height;
          // 初始化滚动条和移动bar的位置
          // this.scrollByIndex();
        }.bind(this)
    );
    getTabRect();
  })
}

const getTabRect = () => {
  // 创建节点查询
  let query = uni.createSelectorQuery().in(this);
  // 历遍所有tab，这里是执行了查询，最终使用exec()会一次性返回查询的数组结果
  for (let i = 0; i < categoryList.value.length; i++) {
    // 只要size和rect两个参数
    query.select(`#left-tab-item-${i}`).fields({
      size: true,
      rect: true,
    });
  }
  // 执行查询，一次性获取多个结果
  query.exec(
      function (res) {
        tabQueryInfo.value = res;
        // 初始化滚动条和移动bar的位置
        scrollByIndex();
      }.bind(this)
  );
}

const scrollByIndex = (height: number = 0) => {
  // 当前活动tab的布局信息，有tab菜单的width和left(为元素左边界到父元素左边界的距离)等信息
  let tabInfo = tabQueryInfo.value[currentIndex.value];

  if (currentIndex.value == 0) {
    scrollTop.value = 0
    return false
  }
  if (!tabInfo) return;

  // 活动tab的高度
  let tabHeight = height || tabInfo.height;
  // 活动item的左边到tabs组件左边的距离，用item的left减去tabs的left
  let offsettop = tabInfo.top
  // 将活动的tabs-item移动到屏幕正中间，实际上是对scroll-view的移动
  let insideScrollTop = offsettop - (scoyheight.value - tabHeight) / 2 - 100;
  scrollTop.value = insideScrollTop < 0 ? 0 : insideScrollTop;
}

// 切换分类
const activeItem = ref({});
const currentIndex = ref(0);
const checkCategory = (index: number) => {
  currentIndex.value = index;
  activeItem.value = categoryList.value[index];
  requestEnd.value = false;
  CommodityPageList.value.CurrentPage = 1;
  commodityList.value = [];
  getCommodityList();
  scrollByIndex();
}


/**
 * 获取商品列表
 */
const CommodityPageSize = ref(20);
const CommodityPageList = ref({
  CurrentPage: 1, //第几页
  RowsCount: 0, //总条数
  PageCount: 1, //总页数
})
const requestEnd = ref(false);
const commodityList = ref([]);

const nextPage = () => {
  if (CommodityPageList.value.CurrentPage < CommodityPageList.value.PageCount) {
    CommodityPageList.value.CurrentPage = CommodityPageList.value.CurrentPage + 1;
    getCommodityList();
  }
}

const getCommodityList = async () => {
  try {
    uni.showLoading({ title: "加载中...", mask: true });

    let request = {
      IsNotPage: false,
      PageSize: CommodityPageSize.value,
      Tag: '',
      StoreId: loginInfo.sUserStore,
      Ccode: activeItem.value.c_ccode,
      ...CommodityPageList.value
    }
    const result = await rdsRequest(rdsUrl.apiApi, '管易通60RMIS公共', 'GetGdsInfo', request);
    // const result = {
    //   "ReturnObject": [
    //     {
    //       "c_gcode": "00332575",
    //       "c_barcode": "",
    //       "c_name": "老庙铂金",
    //       "c_model": "",
    //       "c_content": 1,
    //       "c_type": "专柜类品",
    //       "c_status": "正常流转",
    //       "c_pro_status": "普通商品",
    //       "c_sale_status": "正常销售",
    //       "c_price": 1,
    //       "c_price_disc": 0,
    //       "c_number": 0,
    //       "c_today_sale": null,
    //       "c_n_min": 0,
    //       "c_n_max": 0,
    //       "c_dnlmt_number": 0,
    //       "c_onway": 0,
    //       "c_to_ret": 0,
    //       "c_sn_perday_pro": 0,
    //       "c_dnlmt_day": 7,
    //       "c_sn_perday": 0,
    //       "c_n_min_order": null,
    //       "c_opl_prohibit": "不禁止",
    //       "c_week0": 0,
    //       "c_week1": 0,
    //       "c_week2": 0,
    //       "c_week3": 0,
    //       "c_week4": 0,
    //       "c_provider": "1000035",
    //       "c_provider_name": "宫玺珠宝（深圳）有限公司",
    //       "c_d_onway": null
    //     },
    //     {
    //       "c_gcode": "00332576",
    //       "c_barcode": "",
    //       "c_name": "老庙珠宝",
    //       "c_model": "",
    //       "c_content": 1,
    //       "c_type": "专柜类品",
    //       "c_status": "正常流转",
    //       "c_pro_status": "普通商品",
    //       "c_sale_status": "正常销售",
    //       "c_price": 1,
    //       "c_price_disc": 0,
    //       "c_number": 0,
    //       "c_today_sale": null,
    //       "c_n_min": 0,
    //       "c_n_max": 0,
    //       "c_dnlmt_number": 0,
    //       "c_onway": 0,
    //       "c_to_ret": 0,
    //       "c_sn_perday_pro": 0,
    //       "c_dnlmt_day": 7,
    //       "c_sn_perday": 0,
    //       "c_n_min_order": null,
    //       "c_opl_prohibit": "不禁止",
    //       "c_week0": 0,
    //       "c_week1": 0,
    //       "c_week2": 0,
    //       "c_week3": 0,
    //       "c_week4": 0,
    //       "c_provider": "1000035",
    //       "c_provider_name": "宫玺珠宝（深圳）有限公司",
    //       "c_d_onway": null
    //     },
    //     {
    //       "c_gcode": "00332577",
    //       "c_barcode": "",
    //       "c_name": "老庙K金",
    //       "c_model": "",
    //       "c_content": 1,
    //       "c_type": "专柜类品",
    //       "c_status": "正常流转",
    //       "c_pro_status": "普通商品",
    //       "c_sale_status": "正常销售",
    //       "c_price": 1,
    //       "c_price_disc": 0,
    //       "c_number": 0,
    //       "c_today_sale": null,
    //       "c_n_min": 0,
    //       "c_n_max": 0,
    //       "c_dnlmt_number": 0,
    //       "c_onway": 0,
    //       "c_to_ret": 0,
    //       "c_sn_perday_pro": 0,
    //       "c_dnlmt_day": 7,
    //       "c_sn_perday": 0,
    //       "c_n_min_order": null,
    //       "c_opl_prohibit": "不禁止",
    //       "c_week0": 0,
    //       "c_week1": 0,
    //       "c_week2": 0,
    //       "c_week3": 0,
    //       "c_week4": 0,
    //       "c_provider": "1000035",
    //       "c_provider_name": "宫玺珠宝（深圳）有限公司",
    //       "c_d_onway": null
    //     },
    //     {
    //       "c_gcode": "00334667",
    //       "c_barcode": "",
    //       "c_name": "老庙银饰",
    //       "c_model": "",
    //       "c_content": 1,
    //       "c_type": "专柜类品",
    //       "c_status": "正常流转",
    //       "c_pro_status": "普通商品",
    //       "c_sale_status": "正常销售",
    //       "c_price": 1,
    //       "c_price_disc": 0,
    //       "c_number": 0,
    //       "c_today_sale": null,
    //       "c_n_min": 0,
    //       "c_n_max": 0,
    //       "c_dnlmt_number": 0,
    //       "c_onway": 0,
    //       "c_to_ret": 0,
    //       "c_sn_perday_pro": 0,
    //       "c_dnlmt_day": 7,
    //       "c_sn_perday": 0,
    //       "c_n_min_order": null,
    //       "c_opl_prohibit": "不禁止",
    //       "c_week0": 0,
    //       "c_week1": 0,
    //       "c_week2": 0,
    //       "c_week3": 0,
    //       "c_week4": 0,
    //       "c_provider": "1000035",
    //       "c_provider_name": "宫玺珠宝（深圳）有限公司",
    //       "c_d_onway": null
    //     },
    //     {
    //       "c_gcode": "00343198",
    //       "c_barcode": "",
    //       "c_name": "老庙银饰促销",
    //       "c_model": "",
    //       "c_content": 1,
    //       "c_type": "专柜类品",
    //       "c_status": "正常流转",
    //       "c_pro_status": "普通商品",
    //       "c_sale_status": "正常销售",
    //       "c_price": 1,
    //       "c_price_disc": 0,
    //       "c_number": 0,
    //       "c_today_sale": null,
    //       "c_n_min": 0,
    //       "c_n_max": 0,
    //       "c_dnlmt_number": 0,
    //       "c_onway": 0,
    //       "c_to_ret": 0,
    //       "c_sn_perday_pro": 0,
    //       "c_dnlmt_day": 7,
    //       "c_sn_perday": 0,
    //       "c_n_min_order": null,
    //       "c_opl_prohibit": "不禁止",
    //       "c_week0": 0,
    //       "c_week1": 0,
    //       "c_week2": 0,
    //       "c_week3": 0,
    //       "c_week4": 0,
    //       "c_provider": "1000035",
    //       "c_provider_name": "宫玺珠宝（深圳）有限公司",
    //       "c_d_onway": null
    //     },
    //     {
    //       "c_gcode": "00339584",
    //       "c_barcode": "",
    //       "c_name": "天珺表",
    //       "c_model": "/",
    //       "c_content": 1,
    //       "c_type": "专柜单品",
    //       "c_status": "试销期",
    //       "c_pro_status": "普通商品",
    //       "c_sale_status": "正常销售",
    //       "c_price": 2250,
    //       "c_price_disc": 0,
    //       "c_number": 0,
    //       "c_today_sale": null,
    //       "c_n_min": 0,
    //       "c_n_max": 0,
    //       "c_dnlmt_number": 0,
    //       "c_onway": 0,
    //       "c_to_ret": 0,
    //       "c_sn_perday_pro": 0,
    //       "c_dnlmt_day": 7,
    //       "c_sn_perday": 0,
    //       "c_n_min_order": null,
    //       "c_opl_prohibit": null,
    //       "c_week0": 0,
    //       "c_week1": 0,
    //       "c_week2": 0,
    //       "c_week3": 0,
    //       "c_week4": 0,
    //       "c_provider": "1000078",
    //       "c_provider_name": "枣庄市泰华贸易有限公司",
    //       "c_d_onway": null
    //     },
    //     {
    //       "c_gcode": "00338553",
    //       "c_barcode": "",
    //       "c_name": "戴梦得珠宝",
    //       "c_model": "",
    //       "c_content": 1,
    //       "c_type": "专柜类品",
    //       "c_status": "正常流转",
    //       "c_pro_status": "普通商品",
    //       "c_sale_status": "正常销售",
    //       "c_price": 1,
    //       "c_price_disc": 0,
    //       "c_number": 0,
    //       "c_today_sale": null,
    //       "c_n_min": 0,
    //       "c_n_max": 0,
    //       "c_dnlmt_number": 0,
    //       "c_onway": 0,
    //       "c_to_ret": 0,
    //       "c_sn_perday_pro": 0,
    //       "c_dnlmt_day": 7,
    //       "c_sn_perday": 0,
    //       "c_n_min_order": null,
    //       "c_opl_prohibit": null,
    //       "c_week0": 0,
    //       "c_week1": 0,
    //       "c_week2": 0,
    //       "c_week3": 0,
    //       "c_week4": 0,
    //       "c_provider": "1000103",
    //       "c_provider_name": "枣庄市金泰源经贸有限公司",
    //       "c_d_onway": null
    //     },
    //     {
    //       "c_gcode": "00331344",
    //       "c_barcode": "",
    //       "c_name": "戴梦得铂金",
    //       "c_model": "",
    //       "c_content": 1,
    //       "c_type": "专柜类品",
    //       "c_status": "正常流转",
    //       "c_pro_status": "普通商品",
    //       "c_sale_status": "正常销售",
    //       "c_price": 1,
    //       "c_price_disc": 0,
    //       "c_number": 0,
    //       "c_today_sale": null,
    //       "c_n_min": 0,
    //       "c_n_max": 0,
    //       "c_dnlmt_number": 0,
    //       "c_onway": 0,
    //       "c_to_ret": 0,
    //       "c_sn_perday_pro": 0,
    //       "c_dnlmt_day": 7,
    //       "c_sn_perday": 0,
    //       "c_n_min_order": null,
    //       "c_opl_prohibit": null,
    //       "c_week0": 0,
    //       "c_week1": 0,
    //       "c_week2": 0,
    //       "c_week3": 0,
    //       "c_week4": 0,
    //       "c_provider": "1000103",
    //       "c_provider_name": "枣庄市金泰源经贸有限公司",
    //       "c_d_onway": null
    //     },
    //     {
    //       "c_gcode": "00331136",
    //       "c_barcode": "",
    //       "c_name": "周六福珠宝",
    //       "c_model": "",
    //       "c_content": 1,
    //       "c_type": "专柜类品",
    //       "c_status": "正常流转",
    //       "c_pro_status": "普通商品",
    //       "c_sale_status": "正常销售",
    //       "c_price": 1,
    //       "c_price_disc": 0,
    //       "c_number": 0,
    //       "c_today_sale": null,
    //       "c_n_min": 0,
    //       "c_n_max": 0,
    //       "c_dnlmt_number": 0,
    //       "c_onway": 0,
    //       "c_to_ret": 0,
    //       "c_sn_perday_pro": 0,
    //       "c_dnlmt_day": 7,
    //       "c_sn_perday": 0.09,
    //       "c_n_min_order": null,
    //       "c_opl_prohibit": null,
    //       "c_week0": 0,
    //       "c_week1": 1,
    //       "c_week2": 0,
    //       "c_week3": 0,
    //       "c_week4": 1,
    //       "c_provider": "1000354",
    //       "c_provider_name": "枣庄嘉实贸易有限公司(周六福珠宝)",
    //       "c_d_onway": null
    //     },
    //     {
    //       "c_gcode": "00334629",
    //       "c_barcode": "",
    //       "c_name": "周六福银饰",
    //       "c_model": "",
    //       "c_content": 1,
    //       "c_type": "专柜类品",
    //       "c_status": "正常流转",
    //       "c_pro_status": "普通商品",
    //       "c_sale_status": "正常销售",
    //       "c_price": 1,
    //       "c_price_disc": 0,
    //       "c_number": 0,
    //       "c_today_sale": null,
    //       "c_n_min": 0,
    //       "c_n_max": 0,
    //       "c_dnlmt_number": 0,
    //       "c_onway": 0,
    //       "c_to_ret": 0,
    //       "c_sn_perday_pro": 0,
    //       "c_dnlmt_day": 7,
    //       "c_sn_perday": 0.26,
    //       "c_n_min_order": null,
    //       "c_opl_prohibit": "不禁止",
    //       "c_week0": 0,
    //       "c_week1": 2,
    //       "c_week2": 4,
    //       "c_week3": 2,
    //       "c_week4": 0,
    //       "c_provider": "1000354",
    //       "c_provider_name": "枣庄嘉实贸易有限公司(周六福珠宝)",
    //       "c_d_onway": null
    //     },
    //     {
    //       "c_gcode": "00334630",
    //       "c_barcode": "",
    //       "c_name": "周六福银饰促销",
    //       "c_model": "",
    //       "c_content": 1,
    //       "c_type": "专柜类品",
    //       "c_status": "正常流转",
    //       "c_pro_status": "普通商品",
    //       "c_sale_status": "正常销售",
    //       "c_price": 1,
    //       "c_price_disc": 0,
    //       "c_number": 0,
    //       "c_today_sale": null,
    //       "c_n_min": 0,
    //       "c_n_max": 0,
    //       "c_dnlmt_number": 0,
    //       "c_onway": 0,
    //       "c_to_ret": 0,
    //       "c_sn_perday_pro": 0,
    //       "c_dnlmt_day": 7,
    //       "c_sn_perday": 0,
    //       "c_n_min_order": null,
    //       "c_opl_prohibit": "不禁止",
    //       "c_week0": 0,
    //       "c_week1": 0,
    //       "c_week2": 0,
    //       "c_week3": 0,
    //       "c_week4": 0,
    //       "c_provider": "1000354",
    //       "c_provider_name": "枣庄嘉实贸易有限公司(周六福珠宝)",
    //       "c_d_onway": null
    //     },
    //     {
    //       "c_gcode": "00332882",
    //       "c_barcode": "",
    //       "c_name": "周六福K金",
    //       "c_model": "",
    //       "c_content": 1,
    //       "c_type": "专柜类品",
    //       "c_status": "正常流转",
    //       "c_pro_status": "普通商品",
    //       "c_sale_status": "正常销售",
    //       "c_price": 1,
    //       "c_price_disc": 0,
    //       "c_number": 0,
    //       "c_today_sale": null,
    //       "c_n_min": 0,
    //       "c_n_max": 0,
    //       "c_dnlmt_number": 0,
    //       "c_onway": 0,
    //       "c_to_ret": 0,
    //       "c_sn_perday_pro": 0,
    //       "c_dnlmt_day": 7,
    //       "c_sn_perday": 0.69,
    //       "c_n_min_order": null,
    //       "c_opl_prohibit": "不禁止",
    //       "c_week0": 0,
    //       "c_week1": 5,
    //       "c_week2": 4,
    //       "c_week3": 6,
    //       "c_week4": 7,
    //       "c_provider": "1000354",
    //       "c_provider_name": "枣庄嘉实贸易有限公司(周六福珠宝)",
    //       "c_d_onway": null
    //     },
    //     {
    //       "c_gcode": "00348848",
    //       "c_barcode": "",
    //       "c_name": "七度银饰.",
    //       "c_model": "",
    //       "c_content": 1,
    //       "c_type": "租赁类品",
    //       "c_status": "正常流转",
    //       "c_pro_status": "普通商品",
    //       "c_sale_status": "正常销售",
    //       "c_price": 1,
    //       "c_price_disc": 0,
    //       "c_number": 0,
    //       "c_today_sale": null,
    //       "c_n_min": null,
    //       "c_n_max": null,
    //       "c_dnlmt_number": 0,
    //       "c_onway": 0,
    //       "c_to_ret": 0,
    //       "c_sn_perday_pro": 0,
    //       "c_dnlmt_day": 7,
    //       "c_sn_perday": 1.69,
    //       "c_n_min_order": null,
    //       "c_opl_prohibit": null,
    //       "c_week0": 4,
    //       "c_week1": 15,
    //       "c_week2": 10,
    //       "c_week3": 17,
    //       "c_week4": 9,
    //       "c_provider": "1001039",
    //       "c_provider_name": "市中区七度首饰店（温博涵2789",
    //       "c_d_onway": null
    //     },
    //     {
    //       "c_gcode": "00348849",
    //       "c_barcode": "",
    //       "c_name": "七度银饰促销.",
    //       "c_model": "",
    //       "c_content": 1,
    //       "c_type": "租赁类品",
    //       "c_status": "正常流转",
    //       "c_pro_status": "普通商品",
    //       "c_sale_status": "正常销售",
    //       "c_price": 1,
    //       "c_price_disc": 0,
    //       "c_number": 0,
    //       "c_today_sale": null,
    //       "c_n_min": null,
    //       "c_n_max": null,
    //       "c_dnlmt_number": 0,
    //       "c_onway": 0,
    //       "c_to_ret": 0,
    //       "c_sn_perday_pro": 0,
    //       "c_dnlmt_day": 7,
    //       "c_sn_perday": 0,
    //       "c_n_min_order": null,
    //       "c_opl_prohibit": null,
    //       "c_week0": 0,
    //       "c_week1": 0,
    //       "c_week2": 0,
    //       "c_week3": 0,
    //       "c_week4": 0,
    //       "c_provider": "1001039",
    //       "c_provider_name": "市中区七度首饰店（温博涵2789",
    //       "c_d_onway": null
    //     },
    //     {
    //       "c_gcode": "00338657",
    //       "c_barcode": "",
    //       "c_name": "唯雅尼银饰未提货",
    //       "c_model": "/",
    //       "c_content": 1,
    //       "c_type": "专柜类品",
    //       "c_status": "正常流转",
    //       "c_pro_status": "普通商品",
    //       "c_sale_status": "正常销售",
    //       "c_price": 1,
    //       "c_price_disc": 0,
    //       "c_number": 0,
    //       "c_today_sale": null,
    //       "c_n_min": 0,
    //       "c_n_max": 0,
    //       "c_dnlmt_number": 0,
    //       "c_onway": 0,
    //       "c_to_ret": 0,
    //       "c_sn_perday_pro": 0,
    //       "c_dnlmt_day": 7,
    //       "c_sn_perday": 0,
    //       "c_n_min_order": null,
    //       "c_opl_prohibit": null,
    //       "c_week0": 0,
    //       "c_week1": 0,
    //       "c_week2": 0,
    //       "c_week3": 0,
    //       "c_week4": 0,
    //       "c_provider": "1001046",
    //       "c_provider_name": "预售业务供应商",
    //       "c_d_onway": null
    //     },
    //     {
    //       "c_gcode": "00338660",
    //       "c_barcode": "",
    //       "c_name": "千年黄金珠宝未提货",
    //       "c_model": "/",
    //       "c_content": 1,
    //       "c_type": "专柜类品",
    //       "c_status": "正常流转",
    //       "c_pro_status": "普通商品",
    //       "c_sale_status": "正常销售",
    //       "c_price": 1,
    //       "c_price_disc": 0,
    //       "c_number": 0,
    //       "c_today_sale": null,
    //       "c_n_min": 0,
    //       "c_n_max": 0,
    //       "c_dnlmt_number": 0,
    //       "c_onway": 0,
    //       "c_to_ret": 0,
    //       "c_sn_perday_pro": 0,
    //       "c_dnlmt_day": 7,
    //       "c_sn_perday": 0,
    //       "c_n_min_order": null,
    //       "c_opl_prohibit": null,
    //       "c_week0": 0,
    //       "c_week1": 0,
    //       "c_week2": 0,
    //       "c_week3": 0,
    //       "c_week4": 0,
    //       "c_provider": "1001046",
    //       "c_provider_name": "预售业务供应商",
    //       "c_d_onway": null
    //     },
    //     {
    //       "c_gcode": "00338661",
    //       "c_barcode": "",
    //       "c_name": "七度银饰未提货",
    //       "c_model": "/",
    //       "c_content": 1,
    //       "c_type": "专柜类品",
    //       "c_status": "正常流转",
    //       "c_pro_status": "普通商品",
    //       "c_sale_status": "正常销售",
    //       "c_price": 1,
    //       "c_price_disc": 0,
    //       "c_number": 0,
    //       "c_today_sale": null,
    //       "c_n_min": 0,
    //       "c_n_max": 0,
    //       "c_dnlmt_number": 0,
    //       "c_onway": 0,
    //       "c_to_ret": 0,
    //       "c_sn_perday_pro": 0,
    //       "c_dnlmt_day": 7,
    //       "c_sn_perday": 0,
    //       "c_n_min_order": null,
    //       "c_opl_prohibit": null,
    //       "c_week0": 0,
    //       "c_week1": 0,
    //       "c_week2": 0,
    //       "c_week3": 0,
    //       "c_week4": 0,
    //       "c_provider": "1001046",
    //       "c_provider_name": "预售业务供应商",
    //       "c_d_onway": null
    //     },
    //     {
    //       "c_gcode": "00338662",
    //       "c_barcode": "",
    //       "c_name": "金伯利珠宝未提货",
    //       "c_model": "/",
    //       "c_content": 1,
    //       "c_type": "专柜类品",
    //       "c_status": "正常流转",
    //       "c_pro_status": "普通商品",
    //       "c_sale_status": "正常销售",
    //       "c_price": 1,
    //       "c_price_disc": 0,
    //       "c_number": 0,
    //       "c_today_sale": null,
    //       "c_n_min": 0,
    //       "c_n_max": 0,
    //       "c_dnlmt_number": 0,
    //       "c_onway": 0,
    //       "c_to_ret": 0,
    //       "c_sn_perday_pro": 0,
    //       "c_dnlmt_day": 7,
    //       "c_sn_perday": 0,
    //       "c_n_min_order": null,
    //       "c_opl_prohibit": null,
    //       "c_week0": 0,
    //       "c_week1": 0,
    //       "c_week2": 0,
    //       "c_week3": 0,
    //       "c_week4": 0,
    //       "c_provider": "1001046",
    //       "c_provider_name": "预售业务供应商",
    //       "c_d_onway": null
    //     },
    //     {
    //       "c_gcode": "00338663",
    //       "c_barcode": "",
    //       "c_name": "周大生珠宝未提货",
    //       "c_model": "/",
    //       "c_content": 1,
    //       "c_type": "专柜类品",
    //       "c_status": "正常流转",
    //       "c_pro_status": "普通商品",
    //       "c_sale_status": "正常销售",
    //       "c_price": 1,
    //       "c_price_disc": 0,
    //       "c_number": 0,
    //       "c_today_sale": null,
    //       "c_n_min": 0,
    //       "c_n_max": 0,
    //       "c_dnlmt_number": 0,
    //       "c_onway": 0,
    //       "c_to_ret": 0,
    //       "c_sn_perday_pro": 0,
    //       "c_dnlmt_day": 7,
    //       "c_sn_perday": 0,
    //       "c_n_min_order": null,
    //       "c_opl_prohibit": null,
    //       "c_week0": 0,
    //       "c_week1": 0,
    //       "c_week2": 0,
    //       "c_week3": 0,
    //       "c_week4": 0,
    //       "c_provider": "1001046",
    //       "c_provider_name": "预售业务供应商",
    //       "c_d_onway": null
    //     },
    //     {
    //       "c_gcode": "00338664",
    //       "c_barcode": "",
    //       "c_name": "缘诺银饰未提货",
    //       "c_model": "/",
    //       "c_content": 1,
    //       "c_type": "专柜类品",
    //       "c_status": "正常流转",
    //       "c_pro_status": "普通商品",
    //       "c_sale_status": "正常销售",
    //       "c_price": 1,
    //       "c_price_disc": 0,
    //       "c_number": 0,
    //       "c_today_sale": null,
    //       "c_n_min": 0,
    //       "c_n_max": 0,
    //       "c_dnlmt_number": 0,
    //       "c_onway": 0,
    //       "c_to_ret": 0,
    //       "c_sn_perday_pro": 0,
    //       "c_dnlmt_day": 7,
    //       "c_sn_perday": 0,
    //       "c_n_min_order": null,
    //       "c_opl_prohibit": null,
    //       "c_week0": 0,
    //       "c_week1": 0,
    //       "c_week2": 0,
    //       "c_week3": 0,
    //       "c_week4": 0,
    //       "c_provider": "1001046",
    //       "c_provider_name": "预售业务供应商",
    //       "c_d_onway": null
    //     }
    //   ],
    //   "AggregateObject": null,
    //   "RowsCount": 63,
    //   "PageCount": 4,
    //   "CurrentPage": 1,
    //   "PageSize": 20,
    //   "ErrorString": null
    // };
    requestEnd.value = true;
    uni.hideLoading();

    CommodityPageList.value.CurrentPage = result?.CurrentPage;
    CommodityPageList.value.RowsCount = result?.RowsCount;
    CommodityPageList.value.PageCount = result?.PageCount;

    // 处理返回的商品列表，设置初始数量
    const processedItems = result?.ReturnObject.map(item => {
      // 查找购物车中是否已存在该商品
      const cartItem = cartList.value.find(cart => cart.c_gcode === item.c_gcode);
      return {
        ...item,
        c_qtty: cartItem ? cartItem.c_qtty : '' // 如果购物车中存在则使用购物车数量，否则为0
      };
    });

    if (result.CurrentPage == 1) {
      commodityList.value = processedItems;
    } else {
      commodityList.value = commodityList.value.concat(processedItems);
    }
  } catch (e) {
    console.log(e);
  }
}


</script>

<style lang="scss" scoped>

.category-page-content {

  ::v-deep .white-main{
    margin: 0;
    border-radius: 0;
  }

  //头部区域
  .top-view {
    width: 100%;
    height: 88rpx;
    box-sizing: border-box;
    padding-right: 20rpx;
    background: #FFFFFF;
    ::v-deep .m-button-min{
      border-radius: 16rpx!important;
    }
  }

  .scan-code {
    justify-content: center;
    margin-left: 20rpx;
    font-size: 20rpx;
    color: #303133;
    line-height: 24rpx;
    white-space: nowrap;
    image {
      width: 40rpx;
      height: 40rpx;
    }
  }

  //中心区域
  .category-content {
    width: 100%;
    height: 100%;
    box-sizing: border-box;

    .scroll-Y, .contantacroll {
      height: 100%;
    }


    .tag {
      width: 172rpx;
      text-align: center;
      font-size: 28rpx;
      font-weight: 400;
      text-align: center;
      color: #666666;
      background: #f5f5f5;
      view {
        min-height: 96rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 16rpx;
        line-height: 36rpx;
      }
    }

    .left {
      width: 172rpx;
      height: 100%;
      background: #f5f5f5;
    }

    .right {
      width: calc(100% - 172rpx);
      height: 100%;
      background: #fff;

      .commodity-empty {
        justify-content: center;
        width: 100%;
        height: 100%;
        font-size: 24rpx;
        text-align: center;
        color: #999999;
        line-height: 34rpx;
        image {
          width: 300rpx;
          height: 300rpx;
          margin-bottom: 20rpx;
        }

      }
    }

    .currentchild {
      background: #ffffff;
      font-weight: 500;
      color: #303133;
    }

    .activeitem {
      color: #409eff !important;
      position: relative;

      &::before {
        content: '';
        width: 10rpx;
        height: 24rpx;
        background: #409eff;
      }
    }

    .activeitem1 {
      color: #409eff !important;
      position: relative;
      font-weight: bolder;

      &::before {
        content: '';
        width: 10rpx;
        height: 24rpx;
        background: #409eff;
        border-radius: 0px 4rpx 4rpx 0rpx;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -12rpx;
      }
    }

    .nextitem {
      position: relative;

      &:after {
        content: "";
        display: inline-block;
        width: 30rpx;
        height: 30rpx;
        position: absolute;
        right: 0;
        bottom: -30rpx;
        background: url(../../../static/img/busiImgs/bg_fillet_down.png);
        background-size: cover;
      }
    }

    .previtem {
      position: relative;

      &::before {
        content: "";
        display: inline-block;
        width: 30rpx;
        height: 30rpx;
        position: absolute;
        right: 0;
        top: -30rpx;
        background: url(../../../static/img/busiImgs/bg_fillet_up.png);
        background-size: cover;
      }
    }
  }


}
</style>